<!DOCTYPE html>
<html>
<head>
<title>Contact</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- Custom Theme files -->
<script src="js/jquery.min.js"></script>
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>

<link href='https://fonts.googleapis.com/css?family=Muli:400,300' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
</head>
<body>
<!--header-->
<div class="header header1" >
	<div class="head" >
		<div class="container">
				<div class="navbar-top">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
					  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					  </button>
						 <div class="navbar-brand logo ">
							<h1 class="animated wow pulse" data-wow-delay=".5s">
							<a href="index.html"><span><b>C</b></span>lassic <i>Interior</i></a></h1>
						</div>

					</div>

					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					 <ul class="nav navbar-nav link-effect-4">
					<li ><a href="index.html" data-hover="Home">Home</a> </li>
						<li ><a href="about.html" data-hover="About">About </a> </li>
						<li><a href="gallery.html"  data-hover="Gallery">Gallery</a></li>
						<li><a href="codes.html" data-hover="Codes">Codes </a></li>
						<li class="active"><a href="contact.html" data-hover="Contact">Contact</a></li>
					  </ul>
					</div><!-- /.navbar-collapse -->
				</div>
	
			<div class="header-left animated wow fadeInLeft animated" data-wow-delay=".5s" >
					<ul>
						<li><i class="glyphicon glyphicon-envelope"></i><a href="mailto:info@example.com">@example.com</a></li>
						<li><i class="glyphicon glyphicon-earphone"></i>+1234 567 892</li>
						
					</ul>
				</div>
			  <div class="clearfix"></div>	
		</div>
	</div>
	<!---->	
</div>


<!-- contact -->
	<div class="contact">
		<div class="container">
			<h2 >Contact Us</h2>
			<div class="ser-t">
				<b></b>
				<span><i></i></span>
				<b class="line"></b>
			</div>
			<form action="#" method="post">
			<div class="contact-grids1">
						<div class="col-md-5 contact-form1">
							<h4>Name</h4>
							<input type="text"  name="Name" placeholder="" required="">
						</div>
						<div class="col-md-5 contact-form1">
							<h4>Email</h4>
							<input type="email" name="Email" placeholder="" required="">
						</div>
						<div class="col-md-2 contact-form">
							<input type="submit" value="Submit" >
						</div>
						<div class="clearfix"> </div>
				<div class="contact-me animated wow slideInUp" data-wow-delay=".5s">
					<h4>Message</h4>
				
						<textarea name="Message"  placeholder="" required=""> </textarea>
						
				
				</div>
			</div>
			</form>
			<div class="contact-grids">
				<div class="col-md-4 contact-grid ">
					<div class="contact-grid1">
						<div class="con-ic">
							<i class="glyphicon glyphicon-map-marker" aria-hidden="true"></i>
						</div>
						
							<h4>Address</h4>
							<p>12K Street, 45 Building Road <span>Canada.</span></p>
						
					</div>
				</div>
				<div class="col-md-4 contact-grid ">
					<div class="contact-grid1">
						<div class="con-ic">
							<i class="glyphicon glyphicon-earphone" aria-hidden="true"></i>
					</div>
							<h4>Call Us</h4>
							<p>+1234 758 839<span>+1273 748 730</span></p>
						
					</div>
				</div>
				<div class="col-md-4 contact-grid ">
					<div class="contact-grid1">
						<div class="con-ic">
							<i class="glyphicon glyphicon-envelope" aria-hidden="true"></i>
						</div>
							<h4>Email</h4>
							<p><a href="mailto:info@example.com">info@example1.com</a><span><a href="mailto:info@example.com">info@example2.com</a></span></p>
						
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	
<!-- //contact -->
<!--//content-->
<div class=" news-letter">
<div class="container">
 <div class="ser-top ser-top1">
	<h3>Newsletter</h3>
	<div class="ser-t ser-t1">
		<b></b>
		<span><i></i></span>
		<b class="line"></b>
	</div>
 </div>
			<form action="#" method="post">
					<input type="text" placeholder="Name" name="Name"  required="">
					<input type="text" placeholder="Email" name="Email"  required="">
					<input type="submit" value="Submit">
					<div class="clearfix"> </div>
				</form>
			</div>
			</div>
<!--footer-->
<div class="footer">
	<div class="container">
		<div class="col-md-7 footer-bottom">
			<h4>Aenean condimentum suscipit</h4>
			<p>Proin ullamcorper urna quis velit mollis molestie suscipit nisl consectetur
			uspendisse venenatis dolor et nunc iaculis ege uspendisse venenatis dolor et nunc iaculis ege</p>
		</div>
			<div class="col-md-5 footer-bottom1 ">
			<h4>Follow Us</h4>
				<ul class="social">
						
						<li><a href="#"><i></i></a></li>
						<li><a href="#"><i class="icon"></i></a></li>
						<li><a href="#"><i class="icon1"></i></a></li>
						<li><a href="#"><i class="icon2"></i></a></li>
						
					</ul>
			</div>
				<div class="clearfix"> </div>
	</div>	
</div>
	<div class="copy">
		<p class="footer-grid ">Copyright &copy; 2016.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
	</div>
<!-- for bootstrap working -->
	<script src="js/bootstrap.min.js"></script>
<!-- //for bootstrap working -->
</body>
</html>